<template>
  <view>
    <view class="remind-time-info" v-if="editionType == 10 || isBuy == 1">
      <view class="aside-line"></view>
      <view class="info" v-if="!isConsultant">你的顾问咨询服务现在开始啦~</view>
      <view class="info" v-if="isConsultant">用户咨询服务现在开始啦~</view>
      <view class="aside-line"></view>
    </view>
    <view class="remind-time-info" v-if="editionType == 20 && isBuy == 0">
      <view class="aside-line"></view>
      <view class="info" v-if="!isConsultant"
        >你的顾问咨询服务体验现在开始啦~</view
      >
      <view class="info" v-if="isConsultant">用户咨询服务体验现在开始啦~</view>
      <view class="aside-line"></view>
    </view>
  </view>
</template>

<script>
export default {
  name: "rightTimeCard",
  props: {
    haveAppointment: {
      type: Boolean,
      default: false,
    },
    inTimeScope: {
      type: Boolean,
      default: false,
    },
    editionType: {
      type: Number,
      default: 10,
    },
    isBuy: {
      type: Number,
      default: 1,
    },
    isConsultant: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
$img-base-message: $img-base + "careerPath/";
.remind-time-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-top: 40rpx;
  .aside-line {
    width: 100rpx;
    height: 1rpx;
    border: 1rpx solid #d7d7d7;
  }
  .info {
    font-size: 30rpx;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #888888;
  }
}
</style>
